<template>
	<view class="page">
		<view class="page_con">
			<view class="slogen_item">
				<image src="@/static/img/index/desc_slogen.png" mode="aspectFit"></image>
			</view>
			<view class="close_item">
				<image @click="back()" src="@/static/img/index/close.png" mode="aspectFit"></image>
			</view>
			<view class="step_item">
				<image src="@/static/img/index/step.png" mode="aspectFit"></image>
			</view>
			<view class="list_section">
				<view class="list_con">
					<view class="list_title">
						活动说明
					</view>
					<view class="lits_item">
						<view class="little_title">
							【活动时间】 <text>2024年9月1日至2024年12月31日</text>
						</view>

						<view class="little_title">
							【活动方式】
						</view>
						<view class="content">
							① 参与碧波庭品牌线下活动，现场扫码打卡集章 <br>
							② 关注碧波庭品牌线上活动，输入序号，即可获得相应印章。 <br>
							集齐一定印章数量，可兑换扭蛋券。扭蛋券需至碧波庭展厅现场使用，玩扭蛋机抽奖（100%中奖碧波庭定制礼品）不支持代抽邮寄礼品。
						</view>
						<view class="little_title">
							【集章途径】
						</view>
						<view class="content">
							目前共设有以下四种章 <br>
							① 参与碧波庭品牌力学班 <br>
							② 于碧波庭上海展厅打卡参观（每月限一次） <br>
							③ 参与碧波庭线下美博会 <br>
							④ 碧波庭随机线上活动（章码序号不定期出现） <br>
						</view>
						<view class="little_title">
							【奖励内容】
						</view>
						<view class="content">
							集满6枚章即可手动兑换1张扭蛋券（以此类推，可批量兑换）
						</view>
						<view class="little_title">
							【注意事项】
						</view>
						<view class="content">
							① 线下活动需于活动期间内，现场参与扫码集章，逾期忘记扫码者，恕不支持补发。<br>
							② 线上活动章码序号皆为限量，拼手速兑换，不定期出现，先兑先得，敬请多关注品牌官方信息。<br>
							③ 扭蛋券需本人亲至展厅使用，现场凭券码兑换扭蛋币抽奖。<br>
							④ 为避免不必要的误会，展厅前台服务人员不支持代抽。<br>
							⑤ 本活动最终解释权归碧波庭所有。<br>
						</view>
					</view>
				</view>
				<!-- <view class="list_con">
					<view class="list_title">
						扭蛋券兑换说明
					</view>
					<view class="lits_item">
						<view class="content">
							请注意：扭蛋券仅限本人亲至碧波庭上海展厅现场使用，兑换后不支持退兑，兑换即代表您已知晓。
						</view>
					</view>
				</view> -->
				<view class="list_con">
					<view class="list_title">
						扭蛋券用法说明
					</view>
					<view class="lits_item">
						<view class="content">
							本券需亲至碧波庭上海展厅使用，现场凭券码兑换实体扭蛋币后，方可玩扭蛋抽奖(100%中奖碧波庭定制礼品) 不支持代抽邮寄礼品，敬请见谅 ! <br>

						</view>
						<view class="little_title">
							【碧波庭上海展厅】
						</view>
						<view class="content">
							上海市长宁区中山西路1055号A504
						</view>
					</view>
				</view>
			</view>
		</view>
	
	
	<!-- 底部tabBar -->
	<tabbar current="4"></tabbar><strong></strong>
	</view>
</template>

<script>
	import tabbar from '@/components/tabBar.vue' //自定义tabBar
	export default {
		components: {
			tabbar,
		},
		data() {
			return {
				data1: [{
					text: '【活动时间】',
					tyep: "1" //1 小标题
				}, {
					text: '2024年9月1日至2024年12月31日',
					tyep: "2" //2 内容
				}, {
					text: '【活动动式】',
					tyep: "1" //1 小标题
				}, {
					text: '2024年9月1日至2024年12月31日',
					tyep: "2" //2 内容
				}, ],
				type: 1, //1首页，2我的页面，3已兑订单页面，4tabBar兑换页面，5序列号集章页面
			};
		},
		onLoad(opt) {
			this.type = opt.type
		},
		methods: {
			back() {
				const pages = getCurrentPages(); // 获取当前页面栈
				if (pages.length < 2) {
					if (this.type == 1) {
						uni.redirectTo({
							url: '/pages/home/index'
						})
					} else if (this.type == 2) {
						uni.redirectTo({
							url: '/pages/my/index'
						})
					} else if (this.type == 3) {
						uni.redirectTo({
							url: '/pages/my/order'
						})
					}else if (this.type == 4) {
						uni.redirectTo({
							url: '/pages/exchange/index'
						})
					}else if (this.type == 5) {
						uni.redirectTo({
							url: '/pages/home/index2'
						})
					}
				} else {
					uni.navigateBack()
				}
			},
		}
	}
</script>

<style lang="scss" scoped>
	.page_con {
		min-height: 100vh;
		min-height: 100dvh;
		background-image: url('@/static/img/index/index_bakc.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: top center;
		position: relative;
		padding-bottom: 120rpx;

		.slogen_item {
			text-align: center;

			image {
				margin-top: 20%;
				width: 484rpx;
				height: 238rpx;
			}
		}

		.close_item {
			position: fixed;
			right: 23rpx;
			top: 90rpx;

			image {
				width: 65rpx;
				height: 65rpx;
			}

		}

		.step_item {
			margin-top: 50rpx;
			text-align: center;

			image {
				width: 687rpx;
				height: 143rpx;
			}

		}

		.list_section {
			padding: 0 20rpx 50rpx;
			margin-top: 40rpx;


			.list_con {
				background: #FFFAF1;
				border-radius: 32rpx 32rpx 120rpx 120rpx;
				padding: 0 40rpx 70rpx;
				margin-bottom: 40rpx;

				.list_title {
					width: 365rpx;
					height: 75rpx;
					line-height: 75rpx;
					background: linear-gradient(90deg, #EDD08A, #BD8229);
					border-radius: 0rpx 0rpx 32rpx 32rpx;
					font-size: 32rpx;
					color: #FFFFFF;
					margin: 0 auto;
					text-align: center;
				}

				.lits_item {
					padding: 20rpx 0rpx 30rpx;
					font-size: 28rpx;
					color: #9F701A;
					line-height: 52rpx;

					.little_title {
						font-weight: bold;
						margin-top: 30rpx;

						text {
							font-weight: 400;
						}
					}

				}

			}
		}
	}
</style>
